<!--个人请假详细页面-->
<!-- 这里是页面内容区 -->
<div class="content native-scroll t-22">
    <div class="leave-detail">
        <!-- 头部-->
        <div class="head-no-toolbar bg-self-green no-left-icon">
            <span class="icon iconfont c-white p-l" onclick="goback();">&#xe61f;</span>
            <span class="c-white t-center">小七的请假</span>
        </div>
        <div class="leave-detail-con">
            <div class="leave-head">
                <div class="head-con">
                    <div class="head-left">
                        <div class="circle">
                            小七
                        </div>
                        <div class="head-info">
                            <p>小七</p>
                            <p>已审批</p>
                        </div>
                    </div>
                    <div class="head-right">
                        审批通过
                    </div>
                </div>
            </div>
            <div class="leave-info">
                <table>
                    <tr>
                        <td>审批编号：</td>
                        <td>1111111111111111111111</td>
                    </tr>
                    <tr>
                        <td>所在课程：</td>
                        <td>xxxxx培训</td>
                    </tr>
                    <tr>
                        <td>请假类型：</td>
                        <td>事假</td>
                    </tr>
                    <tr>
                        <td>开始时间：</td>
                        <td>2016-08-01</td>
                    </tr>
                    <tr>
                        <td>结束时间：</td>
                        <td>2016-08-01</td>
                    </tr>
                    <tr>
                        <td>请假天数：</td>
                        <td>1</td>
                    </tr>
                    <tr>
                        <td>请假理由：</td>
                        <td>想休息一下</td>
                    </tr>
                </table>
            </div>
            <div class="leave-time">
                <!-- 加了bright 左边 圆圈高亮 不加默认为灰色-->
                <div class="item-time bright">
                    <div class="item-left">
                        <span class="icon iconfont">&#xe616;</span>
                    </div>
                    <div class="item-right">
                        <div class="item-top">
                            <div class="name bg-yellow1">小七</div>
                            <div class="name-info">
                                <p>我</p>
                                <p class="c-green1">发起了申请</p>
                            </div>
                        </div>
                        <div class="item-date">2016.07.29 19:07</div>
                    </div>
                </div>
                <div class="item-time">
                    <div class="item-left">
                        <span class="icon iconfont">&#xe616;</span>
                    </div>
                    <div class="item-right">
                        <div class="item-top">
                            <div class="name bg-blue1">科比</div>
                            <div class="name-info">
                                <p>科比</p>
                                <p class="c-green1">已同意</p>
                            </div>
                        </div>
                        <div class="item-date">2016.07.29 19:07</div>
                    </div>
                </div>
                <div class="item-time">
                    <div class="item-left">
                        <span class="icon iconfont">&#xe616;</span>
                    </div>
                    <div class="item-right">
                        <div class="item-top">
                            <div class="name bg-pink1">哟哟</div>
                            <div class="name-info">
                                <p>哟哟</p>
                                <p class="c-green1">已同意</p>
                            </div>
                        </div>
                        <div class="item-date">2016.07.29 19:07</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
